<template>
  <div class="mydata">
    <ding-bu :name="nameone"></ding-bu>
    <Geren :neirong="touxiang"></Geren>
    <Geren :neirong="mingni"></Geren>
    <Geren :neirong="sex"></Geren>
    <Geren :neirong="birthday"></Geren>
    <div class="Btn-mydata">确定</div>
  </div>
</template>

<script>
import DingBu from "../components/dingbu.vue";
import Geren from "../components/geren.vue";

export default {
  name: "Mydata",
  components: {
    DingBu,
    Geren,
  },
  data() {
    return {
      nameone: "个人信息",
      touxiang: "头像",
      mingni: "昵称",
      sex: "性别",
      birthday: "生日",
    };
  },
};
</script>

<style>
.mydata {
  background-color: rgba(166, 168, 170, 0.187);
  height: 100vh;
}

.Btn-mydata {
  margin: 20px auto;
  color: white;
  line-height: 50px;
  text-align: center;
  width: 80%;
  height: 50px;
  background: rgb(7, 193, 96);
}
</style>